<template>
    <div class="about-page">

        <h1>详情页</h1>
        <h2>
            点击总数：<span class="count">{{ count }}</span>
        </h2>
        <el-button type="success" @click="add">+1</el-button>



    </div>
</template>

<script setup>

import { ref, reactive } from 'vue'
import axios from 'axios'
import { storeToRefs } from 'pinia'

import { count as co } from '../main'
const store = co()
const { count } = storeToRefs(store)
const add = () => {
    store.increment()
}

const showUserInfo = () => {
    alert('这里可以显示用户的详细信息');
};

</script>

<style lang="scss" scoped>

</style>
